<template>
  <div class="wrapper">
    <ul class="content">
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
      <li>123123</li>
    </ul>
  </div>
</template>

<script>
  import BScroll from 'better-scroll'

  export default {
    name: "Category",
    created() {
      // 组件创建完调用
    },
    mounted() {
      // this.scroll = new BScroll('.wrapper', {});
      this.scroll = new BScroll(document.querySelector('.wrapper'), {});
    },
    data() {
      return {
        scroll: null
      }
    }
  }
</script>

<style scoped>
  .wrapper {
    height: 150px;
    background-color: #ff5777;
    overflow-y: scroll;
  }
</style>
